@charset "utf-8";/* CSS Document */*{transition:all .5s;}.bannerBox{position:relative; width:100%; height:572px;}.bannerBox .btnS{position:absolute;bottom: -22px;left: 68%;margin-left:-385px;z-index:999;}.bannerBox .btnS span{float:left;width: 18px;height: 18px;line-height:42px;cursor:pointer;color:#fff;font-size:24px;text-align:center;border: 1px solid #FFF;margin-left: 12px;border-radius: 50px;}.bannerBox .btnS span:hover , .bannerBox .btnS span.cur{
    background: #0A0A0A;
}

/* flexslider */
.flexslider{position:relative;height:510px;overflow:hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:510px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;/*background:url(../images/prev.png) center center no-repeat;*/}
.flex-direction-nav li a.flex-next{right:40px;/* background:url(../images/next.png) center center no-repeat; */}

/* ����ͼ */
.focusBox { float:left; position: relative; width: 268px; height: 237px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; border: solid 1px #CCC;}
.focusBox .pic img { width: 268px; height: 237px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } 
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;